// import React from 'react';
// import { Button } from 'antd';
// import { history, useHistory, Link, NavLink } from 'umi';
// export default function Index() {
//   // const history = useHistory();
//   const goTest = () => {
//     history.push('/test');
//   };
//   return (
//     <div>
//       <h2>user</h2>
//       <Button type="primary" onClick={goTest}>
//         goTest
//       </Button>

//       <NavLink to="/test">goTest</NavLink>
//     </div>
//   );
// }

import React from 'react';
import { Button } from 'antd';
import { connect, useSelector, useDispatch } from 'umi';
export default function User(props) {
  const user = useSelector((state) => state.user);
  console.log(user);
  const dispatch = useDispatch();
  const increment = () => {
    dispatch({
      type: 'user/increment',
      payload: 1,
    });
  };
  return (
    <div>
      <h2>当前计数为：{user.counter}</h2>
      <Button type="primary" onClick={increment}>
        +
      </Button>
      <div>
        {user.todos.map((item) => {
          return <p key={item.id}>{item.title}</p>;
        })}
      </div>
    </div>
  );
}

// const mapStateToProps = ({ user }) => ({
//   user,
// });

// const mapDispatchToProps = (dispatch) => {
//   return {
//     increment() {
//       dispatch({
//         type: 'user/increment',
//         payload: 1,
//       });
//     },
//   };
// };
// export default connect(mapStateToProps, mapDispatchToProps)(User);
